<template>
  <div class="index">
    <div class="logo">
      <div class="">
        <img src="~/assets/img/logo.png" alt="" />钻石星球 Diamond Planet
      </div>

      <div class="weixin">1888888888(同微信)</div>
    </div>
    <div class="nav_bg">
      <nuxt-link to="/"><div class="nav">首页</div></nuxt-link>
      <div class="nav">入行须知</div>
      <div class="nav">问题解答</div>
      <nuxt-link to="/aboutUs"><div class="nav">关于我们</div></nuxt-link>
    </div>
  </div>
</template>

<style lang="less" scoped>
.index {
  background-color: #f1f1f1;
}

.logo {
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.weixin {
  padding: 20px 50px;

  font-size: 20px;
  font-weight: 900;
  color: #fff;
  background-color: #2cbb00;
}
.nav_bg {
  display: flex;
  justify-content: center;
  /* padding: 16px; */
  align-content: center;
  background-color: #e6e6e6;
}
.nav {
  font-size: 18px;
  padding: 18px;
  font-weight: bold;
  &:hover {
    background-color: rgb(16, 75, 201);
    color: #fff;
    cursor: pointer;
  }
}
</style>
